<script>
    import MessagePage from '../views/message/index.svelte'
    import MapPage from '../views/map/index.svelte'
    import SettingPage from '../views/setting/index.svelte'
    import Tabs from '../components/tab/index.svelte'
</script>

<main>
  <Tabs>
    <SettingPage slot="setting"/>
    <MapPage slot="map" />
    <MessagePage slot="message" />
  </Tabs>
</main>

<style lang="scss">
  main {
    width: var(--percent100);
    height: var(--percent100);
  }
</style>